<head>
  <meta name='layout' content='mobile'/>
  <title><g:message code="login.title" default="Team Manager Login"/></title>

</head>

<body>

  <div class='sec'>
    <p>
      <g:message code="welcome.title" default="Welcome to Goal98 Team Manager!"/>
    </p>
  </div>

  <div class="highlight">
    <g:message code="login.headline" default="Please Login.."/>
  </div>

  <div class='sec'>
    <g:if test='${flash.message}'>
      <div class='login_message'>${flash.message}</div>
    </g:if>
    <div class="login">
      <form action='${postUrl}' method='POST' id='loginForm' class='cssform'>
        <p>
          <label for='j_username'><g:message code="login.id" default="Login ID"/></label>
          <br/>
          <input type='text' class='text_' name='j_username' id='j_username' value='${request.remoteUser}'/>
        </p>
        <p>
          <label for='j_password'><g:message code="login.password" default="Password"/></label>
          <br/>
          <input type='password' class='text_' name='j_password' id='j_password'/>
        </p>

        <p>
          <input type='submit' id="submitButton" value="${message(code: 'login.submit', 'default': 'Login')}"/>
          <input type='reset' value="${message(code: 'login.reset', 'default': 'Reset')}"/>
        </p>
      </form>
    </div>
  </div>
  <script type='text/javascript'>
    <!--
    (function() {
      document.forms['loginForm'].elements['j_username'].focus();
    })();
    // -->
  </script>

</body>
